<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="favicon.ico" />
<!--jquery库-->
<script src="../js/jquery.min.js"></script>
<!--bootstrap库-->
<link href="../css/bootstrap.min.css" rel="stylesheet" />
<script src="../js/bootstrap.min.js"></script>
<!--[if lt IE 9]>
      <script src="js/bootstrap/html5shiv.min.js"></script>
      <script src="js/bootstrap/respond.min.js"></script>
    <![endif]-->
<!--font-awesome字体库-->
<link href="../css/font-awesome.min.css" rel="stylesheet" />
<!--页面加载进度条-->
<link href="../css/pace/dataurl.css" rel="stylesheet" />
<script src="../js/pace/pace.min.js"></script>

<!--jquery.hammer手势插件-->
<script src="../js/jquery.hammer/hammer.min.js"></script>
<script src="../js/jquery.hammer/jquery.hammer.js"></script>

<!--平滑滚动到顶部库-->
<script src="../js/jquery.scrolltopcontrol/scrolltopcontrol.js"
	type="text/javascript"></script>

<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet"
	href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
	integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
	crossorigin="anonymous">

<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
<link rel="stylesheet"
	href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"
	integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp"
	crossorigin="anonymous">

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script
	src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"
	integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
	crossorigin="anonymous"></script>


<!--主要写的css代码-->
<link href="../css/default.css" rel="stylesheet" type="text/css" />

<!--主要写的js代码-->
<script src="../js/default.js" type="text/javascript"></script>
<style>
li {
	list-style: none;
}
</style>
</head>
<body>
	<input type="hidden" id="hiddenicnum" name="icnum"
		value="${sessionScope.icnum }">
	<nav class="navbar navbar-inverse navbar-fixed-top">
		<div class="container-fluid">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle show pull-left"
					data-target="sidebar">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span><span class="icon-bar"></span><span
						class="icon-bar"></span>
				</button>
				<button type="button" class="navbar-toggle collapsed"
					data-toggle="collapse" data-target="#navbar" aria-expanded="false"
					aria-controls="navbar">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span><span class="icon-bar"></span><span
						class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="foodslist.jsp">首页</a>
			</div>
			<div id="navbar" class="collapse navbar-collapse">
				<ul class="nav navbar-nav">
					<li><a href="orderlist.jsp">订单管理</a></li>
					<li><span id="unreadNum" class="badge" style="background-color: red">0</span></li>
					<li><a href="foodslist.jsp">菜品管理</a></li>
					<li><a href="orderComment.jsp">订单评论</a></li>
					<li><a href="foodAd.jsp">菜品推荐</a></li>
					<li><a id="showStatus" >营业中...</a></li>
				</ul>
				<ul class="nav navbar-nav navbar-right">
					<li class="dropdown"><a href="#" class="dropdown-toggle"
						data-toggle="dropdown" role="button" aria-expanded="false"><i
							class="fa fa-user fa-fw"></i>&nbsp;${sessionScope.name }&nbsp;<span
							class="caret"></span></a>
						<ul class="dropdown-menu" role="menu">
							<li><a href="orderlist.jsp">订单管理</a></li>
							<li class="divider"></li>
							<li><a href="foodslist.jsp">菜品管理</a></li>
							<li class="divider"></li>
							<li><a href="orderComment.jsp">订单评论</a></li>
							<li class="divider"></li>
							<li><a href="foodAd.jsp">菜品推荐</a></li>
							<li class="divider"></li>
							<li><a href="../login.jsp"><i
									class="fa fa-sign-out fa-fw"></i>&nbsp;退出登录</a></li>
						</ul></li>
				</ul>
			</div>
		</div>
	</nav>
	<div class="container-fluid all">
		<div class="sidebar">
			<div id="myMsg">
				<h3 align="center">我的信息</h3>
				<div style="margin-left: 50px;">
				    <button id="start">开始营业</button>
					<button  id="end">打烊</button></div>
				<div>
					<h5 align="center" id="porName"></h5>
					<h5 align="center" id="porAddr"></h5>
				</div>
				<div>
					<img id="portrait" src=""
						style="height: 200px; width: 200px; margin-left: 10px;" />
				</div>
			</div>
			<ul class="nav" style="margin-top: 20px">
				<li class="has-sub"><a href="javascript:void(0);"><span
						style="align-content: center">店铺管理</span><i
						class="fa fa-caret-right fa-fw pull-right"></i></a>
					<ul class="sub-menu">
						<li><a href="orderlist.jsp" id="all" class="check"><i
								class="fa fa-circle-o fa-fw"></i>&nbsp;订单管理</a></li>
						<li><a href="foodslist.jsp" id="Unreplied" class="check"><i
								class="fa fa-circle-o fa-fw"></i>&nbsp;菜品管理</a></li>
						<li><a href="orderComment.jsp" id="Replied" class="check"><i
								class="fa fa-circle-o fa-fw"></i>&nbsp;评论管理</a></li>
					</ul>
				</li>
			</ul>
																							
		</div>
		<div class="maincontent row">
			<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main"
				style="margin-top: 50px; margin-left: 100px; width: 100%">
				<div class="row" id="foodDiv">
					<!-- 克隆模板 -->
					<div class="fd col-md-3" id="addDIV">
						<li><img class="img-circle imageTemplate"
							src="../images/timg.jpg" style="width: 150px; height: 150px;" /></li>
					</div>
				</div>

			</div>

		</div>
	</div>
	<!-- 添加菜品模态框 -->
	<div class="modal fade" id="addFoodModal" tabindex="-1" role="dialog" data-backdrop="static">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
				</div>
				<div class="modal-body">
					<div class="form-horizontal">
						<div class="control-group">
							<label class="control-label" for="fname">Food Name</label>
							<div class="controls">
								<input type="text" id="fname" name="fname">
							</div>
						</div>
						<div class="control-group">
							<label class="control-label" for="ftype">Food Type</label>
							<div class="controls">
								<select id="ftype" name="ftype" class="form-control">
									<option value="1">Drinks</option>
									<option value="2">Staple food</option>
									<option value="3">Snack</option>
									<option value="4">Combo</option>
								</select>
							</div>
						</div>
						<div class="control-group">
							<label class="control-label" for="fprice">Food Price</label>
							<div class="controls">
								<input type="text" id="fprice" name="fprice">
							</div>
						</div>
						<div class="control-group">
							<label class="control-label" for="foodFile">Upload Food
								Image</label>
							<div>
								<input id="foodFile" name="foodFile" type="file"
									id="exampleInputFile">
							</div>
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button type="button" class="btn btn-primary" id="pushReply">提交</button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal-dialog -->
	</div>
	<!-- /.modal -->


	<!-- 修改菜品模态框 -->
	<div class="modal fade" id="updateFoodModal" tabindex="-1"
		role="dialog">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
				</div>
				<div class="modal-body">
					<div class="form-horizontal">
						<div class="control-group">
							<label class="control-label" for="fname">Food Name</label>
							<div class="controls">
								<input type="hidden" name="fid" id="ufid" /> <input type="text"
									id="ufname" name="fname">
							</div>
						</div>
						<div class="control-group">
							<label class="control-label" for="ftype">Food Type</label>
							<div class="controls">
								<select id="uftype" name="ftype" class="form-control">
									<option value="1">Drinks</option>
									<option value="2">Staple food</option>
									<option value="3">Snack</option>
									<option value="4">Combo</option>
								</select>
							</div>
						</div>
						<div class="control-group">
							<label class="control-label" for="fprice">Food Price</label>
							<div class="controls">
								<input type="text" id="ufprice" name="fprice">
							</div>
						</div>
						<div class="control-group">
							<label class="control-label" for="foodFile">Upload Food
								Image</label>
							<div>
								<input id="ufoodFile" name="foodFile" type="file"
									id="exampleInputFile">
							</div>
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button type="button" class="btn btn-primary" id="submitUpdate">提交</button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal-dialog -->
	</div>
	<!-- /.modal -->
	
	<!-- 拉黑拉白模态框 -->
	<div class="modal fade" id="black" tabindex="-1" role="dialog" data-backdrop="static">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-body">
					<div style="color: red"><h1>您暂时没有操作权限</h1></div>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal-dialog -->
	</div>
	<!-- /.modal -->
	
	<a href="#top" id="goTop"><i class="fa fa-angle-up fa-3x"></i></a>

<script type="text/javascript" src="../js/foodslist.js"></script>

</body>
</html>